/***********************************************************************************
****** CSS QUE CONTROLA LOS DETALLES DE LA PAGINA
************************************************************************************/
 
 
/*  Project:  GLYPHICONS SOCIAL
 *  Author:   Jan Kovarik - www.glyphicons.com
 *  Twitter:  @jankovarik
 * */
@font-face{font-family:'Glyphicons Social Regular';src:url('../fonts/glyphicons-social-regular.eot');src:url('../fonts/glyphicons-social-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-social-regular.woff') format('woff'),url('../fonts/glyphicons-social-regular.ttf') format('truetype'),url('../fonts/glyphicons-social-regular.svg#glyphicons_socialregular') format('svg');font-weight:normal;font-style:normal}
.social{display:inline-block;position:relative;padding-left:30px;color:#fff;text-decoration:none;*display:inline;*zoom:1;vertical-align:middle}
.social:before{position:absolute;left:0;top:0;display:inline-block;
margin:0 5px 0 0;font:24px/1em 'Glyphicons Social Regular';font-style:normal;
font-weight:normal;color:#fff;*display:inline;*zoom:1;vertical-align:middle;text-transform:none;-webkit-font-smoothing:antialiased}
.social.white:before{color:#fff}
.social.pinterest:before{content:"\E001"}
.social.dropbox:before{content:"\E002"}
.social.google_plus:before{content:"\E003"}
.social.jolicloud:before{content:"\E004"}
.social.yahoo:before{content:"\E005"}
.social.blogger:before{content:"\E006"}
.social.picasa:before{content:"\E007"}
.social.amazon:before{content:"\E008"}
.social.tumblr:before{content:"\E009"}
.social.wordpress:before{content:"\E010"}
.social.instapaper:before{content:"\E011"}
.social.evernote:before{content:"\E012"}
.social.xing:before{content:"\E013"}
.social.zootool:before{content:"\E014"}
.social.dribbble:before{content:"\E015"}
.social.deviantart:before{content:"\E016"}
.social.read_it_later:before{content:"\E017"}
.social.linked_in:before{content:"\E018"}
.social.forrst:before{content:"\E019"}
.social.pinboard:before{content:"\E020"}
.social.behance:before{content:"\E021"}
.social.github:before{content:"\E022"}
.social.youtube:before{content:"\E023"}
.social.skitch:before{content:"\E024"}
.social.foursquare:before{content:"\E025"}
.social.quora:before{content:"\E026"}
.social.badoo:before{content:"\E027"}
.social.spotify:before{content:"\E028"}
.social.stumbleupon:before{content:"\E029"}
.social.readability:before{content:"\E030"}
.social.facebook:before{content:"\E031"}
.social.twitter:before{content:"\E032"}
.social.instagram:before{content:"\E033"}
.social.posterous_spaces:before{content:"\E034"}
.social.vimeo:before{content:"\E035"}
.social.flickr:before{content:"\E036"}
.social.last_fm:before{content:"\E037"}
.social.rss:before{content:"\E038"}
.social.skype:before{content:"\E039"}
.social.e-mail:before{content:"\E040"}
.social.vine:before{content:"\E041"}
.social.myspace:before{content:"\E042"}
.social.goodreads:before{content:"\E043"}
.social.apple:before{content:"\F8FF"}
.social.windows:before{content:"\E045"}
.social.yelp:before{content:"\E046"}
.social.playstation:before{content:"\E047"}
.social.xbox:before{content:"\E048"}
.social.android:before{content:"\E049"}
.social.ios:before{content:"\E050"}


/*TITULOS DE LA PAGINA*/
.pagetitulo h1, h2{ color: #EC971F; }
.contact-title h3{ color:#EC971F; text-align: center;}
.promo{ text-align: center; margin-right:40px;}

/*INTRO DE LA PAGINA*/
/*color del thumbnail para imagenes*/
.thumbnail:hover { border: 1px solid #12A29B;}
.itema p, .olx-itema p, .price{font-weight:bold; text-align: center;}


/*CATEGORY SECTION*/
/* delineacion de las categorias*/
.list-group2 a, .btn-contact{ border: 1px solid #FFF; background-color:#12A29B; font-weight: bold; color: #FFF;}
.list-group2 a:hover, .btn-contact:hover{
background-color: #FFF; color: #12A29B;
}

/*alinacion de las categorias*/
.list-group2{padding: 0 15px 15px 0;}
#lascat{padding-right: 0;}


/*PROMOTION SECTION*/
/* borde para parte inferior de lista de promociones*/
#libros-promo .contact-title{ border-bottom: 1px solid #e9e9e9;}
/*estilo de las pestañas de promociones*/
.nav li a, .nav li.active>a{color: #12A29B;}
.nav li.active>a{font-weight: bold;}


/*CONTACT SECTION*/
/*botones del contact*/
.btn-contact { margin-bottom: 5px; border-color: #12A29B; color: #12A29B; text-align: left; background-color: #FFF;}
.btn-contact:hover{background-color: #12A29B; color: #FFF;}
.form-control{ margin-bottom: 5px;}
.form-group{ padding: 0px;}
.contact{text-align: left;}
.contact-title{ padding-bottom: 0px;padding-left: 0px; margin-bottom: 10px;}
.tab-pane{ text-align: center;}


/*FOOTER SECTION*/
/* borde para parte superior de lista del footer*/
/*#footer-top{ border-bottom: 1px solid #e9e9e9;}*/


/***********************************************************************************
A: TELEFONOS Y DISPOSITIVOS PEQUEÑOS
B: TELEFONOS GRANDES Y TABLETS PEQUEÑAS
C: TABLETS GRANDES Y LAPTOP PEQUEÑAS
D: LAPTOP GRANDES Y PCS
************************************************************************************/

/*A*/
@media (max-width: 496px) {

/*tamaño de las letras de titulos*/
.pagetitulo h1{font-size: 22px;}
.pagetitulo h3{font-size: 16px; color: #ccc;}
.pagetitulo h2{font-size: 20px}

/*top logo distancia*/
.intro-section { padding-top: 60px; }

}

/*AB*/
@media (max-width: 767px) {

.promo{ text-align: center; margin-right:600px;}
/*alineacion del logo y titulo principal*/
.pagetitulo h1, h3, h4, p{text-align: center;}
}

/*B*/
@media (min-width: 498px) and (max-width: 767px) {

/*top logo distancia*/
.intro-section { padding-top: 60px; }
}

/*CD*/
@media (min-width: 768px) {
/*alineación titulos*/
.pagetitulo h1, h3{text-align: left;}
.pagetitulo h3{color: #ccc;}
/*clase intro*/
.intro{margin-bottom: 20px;}
}

/*C*/
@media(min-width:767px) and (max-width: 991px){

/*espacio intermedio entre categorias*/
.list-group2{margin-bottom: 15px;}
}

/*D*/
@media(min-width: 1170px){


}

.social:before{
color: #fff;

}
.contact{text-align: center;}

.page-scroll{
font-size: 18px;
}


.contact p b{color: #12A29B;}